<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户中心-上传头像</title>
<link href="../css/base.css" rel="stylesheet" type="text/css">
<link href="../css/toefl.css" rel="stylesheet" type="text/css">
<script src="../js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/userinfor.js" type="text/javascript" charset="utf-8"></script>

</head>
<script>

	
</script>
<body>
	<div class="doc910 fn-right">
	    	<div class="flcb_cardMenu">
	        	<ul>
	                <li class="on"><a href="###" target="infor" id="basic">基本资料</a></li>
	                <li><a href="###" target="infor" id = "imgUpload">头像设置</a></li>
	                <li ><a href="###" target="infor" id = "passwordChange">密码设置</a></li>
	            </ul>
	        </div>
	        
	        <div class="userCenter" style="display: block;" id = "basicContent">
            <dl>
            	<dt>用户名：</dt>
                <dd><input type="text" class="userCenter_input" value="用户名"></dd>
            </dl>
            <dl>
            	<dt>真实姓名：</dt>
                <dd><input type="text" class="userCenter_input" value="真实姓名"></dd>
            </dl>
            <dl>
            	<dt>性别：</dt>
                <dd>
                <div class="userCenter_radio">
                <input name="sex" type="radio" value=""><span>男</span>
                <input name="sex" type="radio" value=""><span>女</span>
                </div>
                </dd>
            </dl>
            <dl>
            	<dt>学历：</dt>
                <dd>
                <div class="userCenter_radio">
	                <input name="sc" type="radio" value=""><span>专科</span>
	                <input name="sc" type="radio" value=""><span>本科</span>
	                <input name="sc" type="radio" value=""><span>硕士</span>
	                <input name="sc" type="radio" value=""><span>博士</span>
                </div>
                </dd>
            </dl>
            
            
            <dl>
            	<dt>邮箱：</dt>
                <dd><input type="text" class="userCenter_input" value="dix1212121@163.com"></dd>
            </dl>
            <dl>
            	<dt>电话：</dt>
                <dd><input type="text" class="userCenter_input" value="12345678901"></dd>
            </dl>
            <dl>
            	<dt>出生日期：</dt>
                <dd>
                	<input type="date" class="userCenter_input" value="">
                </dd>
            </dl>
            <dl>
            	<dt>自我介绍：</dt>
                <dd><textarea cols="" rows="" class="userCenter_t">最近土豪牛大了，昨晚说今天南北车还要板，今天果然又板！</textarea>
                <p class="userCenter_text">请输入2-100个字符</p>
                </dd>
            </dl>
            <dl>
            	<dt></dt>
                <dd><a href="###" class="userCenter_save">保存</a></dd>
            </dl>
        </div>
		
		
		
		
		
		<div class="userCenter" style="display: none;" id="passwordChangeContent">
            <dl>
            	<dt>密码：</dt>
                <dd><input name="" type="text" class="userCenter_input"></dd>
            </dl>
            <dl>
            	<dt>新密码：</dt>
                <dd><input name="" type="text" class="userCenter_input"></dd>
            </dl>
            <dl>
            	<dt>确认新密码：</dt>
                <dd><input name="" type="text" class="userCenter_input"></dd>
            </dl>
            <dl>
            	<dt></dt>
                <dd><a href="###" class="userCenter_save">保存</a></dd>
            </dl>
        </div>
        
        
        
        <div class="userTX" style="display: none;" id = "imgUploadContent">
        	<div class=" fn-clear"><a class="userTX_b" href="###">本地上传</a></div>
            <div class="userTXPic">
            	<div class="userTXPicText">仅支持JPG、PNG格式且文件小于5M</div>
                <div class="userTX_240x240"><img src="../img/240x240.png"></div>
            </div>
            <div class="userTXShow">
            	<div class="fn-clear">
                <div class="userTXPicText">您上传的图片会自动生成一下三种尺寸，请观察是否清晰</div>
                <div class="userTX_150x150"><img src="../img/240x240.png"><span>150*150</span></div>
                <div class="userTX_60x60"><img src="../img/240x240.png"><span>60*60</span></div>
                <div class="userTX_30x30"><img src="../img/240x240.png"><span>30*30</span></div>
                </div>
                <div class="userTXSave"><a  class="userTXSave" href="###">本地上传</a></div>
            </div>
        </div>

	        
	  </div>

	



</body>
</html>
